<template>
  <footer class="footer">
    <span class="todo-count">
      剩余<strong>0</strong></span
    >

    <ul class="filters">
      <li><a href="">全部 {{all}} </a></li>
      <li><a href="">已完成 {{ trueCount }}  </a></li>
      <li><a href="">未完成{{falseCount}}  </a></li>
    </ul>

    <button class="clear-completed" @click="clearFn" >清除已完成</button>

  </footer>
</template>

<script>
export default {
  props:['clearFn','all','trueCount','falseCount']
}
</script>

<style>
</style>